* {
    margin: 0;
    padding: 0;
}

html {
    font-size: calc(100vw / 3.75) !important;
}

li {
    list-style-type: none;
}

a {
    text-decoration: none;
}

body {
    font-family: MicrosoftYaHei;
    width: 100%;
    height: 100%;
    background-color: white;
}

@font-face {
    font-family: 'iconfont';  /* project id 726851 */
    src: url('//at.alicdn.com/t/font_726851_2zzk234zmff.eot');
    src: url('//at.alicdn.com/t/font_726851_2zzk234zmff.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_726851_2zzk234zmff.woff') format('woff'),
    url('//at.alicdn.com/t/font_726851_2zzk234zmff.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_726851_2zzk234zmff.svg#iconfont') format('svg');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.title {
    width: 100%;
    height: 0.44rem;
    line-height: 0.44rem;
    background-color: #7f9eba;
    font-size: 0.17rem;
    color: white;
    text-align: center;
}

.title .iconfont {
    font-size: 0.3rem;
    color: white;
    margin-left: 0.15rem;
    float: left;
}

.title p {
    font-size: 0.15rem;
    float: left;
    text-align: center;
    width: 2.8rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0.01rem;
    color: white;
}

.transaction-conner {
    height: 5.54rem;
}

.transaction-left {
    width: 1.71rem;
    /*border: 1px solid red;*/
    height: 5.54rem;
    float: left;
}

.buy-btn {
    margin-left: 0.11rem;
    margin-top: 0.11rem;
}

.buy-btn input {
    display: block;
    width: 1.61rem;
    height: 0.34rem;
}

.buy-btn > :first-child {
    background-color: #5bdc71;
    border: none;
    outline: none;
    font-size: 0.15rem;
    color: white;
    margin-bottom: 0.11rem;
}

.buy-btn > :nth-child(2) {
    border: solid 0.01rem #868f92;
    background-color: white;
    color: #868f92;
    font-size: 0.15rem;
}

.but-number {
    margin-top: 0.28rem;
    margin-left: 0.11rem;
}

.gw_num {
    border: 1px solid #dbdbdb;
    width: 1.61rem;
    line-height: 0.32rem;
    overflow: hidden;
}

.gw_num em {
    display: block;
    height: 0.32rem;
    width: 0.29rem;
    line-height: 0.32rem;
    float: left;
    color: #7A7979;
    border-right: 1px solid #dbdbdb;
    text-align: center;
    cursor: pointer;
    font-size: 0.18rem;
    background-color: white;
    font-style: normal;
}

.gw_num .num {
    display: block;
    float: left;
    text-align: center;
    width:1rem;
    font-style: normal;
    font-size:0.15rem;
    line-height:0.32rem;
    border: 0;
    background-color: white;
}

.gw_num em.add {
    float: right;
    border-right: 0;
    border-left: 1px solid #dbdbdb;
}
.text{
    font-size: 0.12rem;
    line-height: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0.01rem;
    color: #868f92;
    margin-bottom: 0.31rem;
}
.gw_num1>:first-child{
    width: 1.2rem;
}
.gw_num1 em{
    width: 0.4rem;
    border: none;
    font-size: 0.12rem;
    color: #242424;
}
.buy-btc{
    /*border: 1px  solid blue;*/
    height: 1.8rem;
    padding-left: 0.11rem;
}
.buy-btc input{
    display: block;
    width: 1.61rem;
    height: 0.34rem;
    background-color: #7f9eba;
    color: white;
    font-size: 0.15rem;
    border: none;
    outline: none;
}
.buy-btc-div{
    margin-top: 0.22rem;
    font-size: 0.12rem;
    color: #868f92;
    letter-spacing: 0.01rem;
    margin-left: 0.08rem;
}
.buy-btc-div span{
    font-size: 0.15rem;
}
.transaction-right{
    width: 2.02rem;
    float: right;

}
.transaction-right ul{
    margin-top: 0.11rem;
    height: 0.34rem;
    margin-bottom: 0.18rem;
}
.transaction-right ul li{
    float: left;
    font-size: 0.15rem;
    height: 0.34rem;
    line-height: 0.34rem;
    text-align: center;
    width: 0.92rem;
    color: #868f92;
}
.transaction-right ul>:first-child{
    width: 0.52rem;
}
.transaction-right ul>:last-child{
    width: 0.52rem;
}
.record div{
    height: 0.42rem;
    /*border: 1px  solid blue;*/
    /*background-color: #eefbf1;*/

}
.record p{
    height: 0.20rem;
    line-height: 0.35rem;
}
.record p span{
    display: block;
    font-size: 0.14rem;
    color: #868f92;
    float: left;
    text-align: center;
}
.record p>:first-child{
    width: 0.45rem;
    text-align: center;
}
.record p>:nth-child(2){
    color: #43b857;
    width: 1rem;
}
.record p>:last-child{
    width: 0.5rem;
}
.record1 div{
    /*background-color: #ffeeeb;*/
}
.record1>:first-child{

}
.record1 p>:nth-child(2){
    color: #ff563b;;
    width: 1rem;
}
.text-number{
    padding-left: 0.14rem;
    height: 0.5rem;
    line-height: 0.65rem;
    font-size: 0.22rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0.01rem;
    color: #ff563b;
    margin-bottom: 0.3rem;
}
    /*底部导航*/
.footer-nav {
    width: 100%;
    background-color: white;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 0.49rem;
    box-shadow: 0rem -0.02rem 0.05rem 0rem rgba(43, 29, 29, 0.1);
}

.footer-nav li {
    float: left;
    width: 25%;
    height: 0.49rem;
    line-height: 0.49rem;
    text-align: center;
    /*padding-top:1rem;*/
}

.footer-nav li a {
    display: block;
    text-decoration: none;
    color: #afafaf;
    height: 0.49rem;
    line-height: 0.25rem;
}

.footer-nav li img {
    width: 0.2rem;
    height: 0.2rem;
    display: inline-block;
    vertical-align: middle;
}

.footer-nav li p {
    /*padding-top: 0.1rem;*/
    height: 0.19rem;
    line-height: 0.19rem;
    font-size: 0.1rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0.01rem;
    color: #afafaf;
}